@charset "UTF-8";
/*=================================
CSS3 Transform
October 2012
By : Away
http://www.dfuns.idv.tw
http://away.myds.me/wordpress
=================================*/

body{
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    background:#6CF -moz-linear-gradient(#069, #6CF) no-repeat;
    background:#6CF -webkit-linear-gradient(#069, #6CF) no-repeat;
}

a{ 
    text-decoration:none; outline:0;
}

article{
    width:940px; 
    height:400px; 
    background:url(images/bg.gif); 
    margin:5em auto; 
    overflow:hidden;
    border-radius:3em 0;
    box-shadow:0 0 10px #000;
}

h1 a{
    display:block; text-indent:-.8em; color:#FFF; font-size:3.3em; margin:-3em 0 2.5em -1em;
    text-shadow:-1px -1px #000;
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
}

h1 a:hover{
    color:#FF0;
}

.list{
    list-style:none; padding:0;
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
}

.list li{
    margin:2em 0;
}

.list a{
    display:block; 
    color:#069;	
    margin-right:3em;	
    font-weight:bold; 
    background:url(images/btnbg.png); 
    padding:.5em 3em .5em 0;	
    font-size:3em; 
    text-align:right;
    border-radius:2em;
    box-shadow:5px 10px #069;
}

.list a:hover{
    color:#FFF; 
    width:90%; 
    padding-right:1em;
    box-shadow:5px 10px #036;
}